<template>
	<view>
		<view class="AutBox">
			<text class="frame"></text>
			<text class="name">实名认证</text>
			<view @click="gorenzhen" class="rzBox">
				<image class="rximg" src="../../../static/user2/renzheng.png"></image>
				<text class="notCertified">未认证</text>
				<image class="right" src="../../../static/user2/rightjt.png"></image>
			</view>
		</view>
		<view class="AutBox">
			<text class="frame"></text>
			<text class="name">微信绑定</text>
			<view class="rzBox">
				<image class="rximg" src="../../../static/user2/wx.png"></image>
				<text class="bindName">{{bindName}}</text>
				<image class="right" src="../../../static/user2/rightjt.png"></image>
			</view>
		</view>
		<view class="AutBox">
			<text class="frame"></text>
			<text class="name">支付宝绑定</text>
			<view class="rzBox">
				<image class="rximg" src="../../../static/user2/zfb.png"></image>
				<input class="zfbnum" type="text" placeholder="请输入支付宝账号" />
			</view>
		</view>
		<view class="AutBox">
			<text class="frame"></text>
			<text class="name">银联绑定</text>
			<view class="rzBox">
				<image class="rximg" src="../../../static/user2/yinglain.png"></image>
				<input class="zfbnum" type="text" placeholder="请输入银行卡账号" />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bindName: '鱼书'
			};
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1,
				})
			},
			gorenzhen(){
				uni.navigateTo({
					url:'./authentication'
				})
				}
		}
	}
</script>

<style>

	.AutBox {
		width: 750rpx;
		height: 193rpx;
		position: relative;
		top: 0rpx;
	}
	.frame {
		display: block;
		width: 10rpx;
		height: 30rpx;
		background: rgba(115, 34, 216, 1);
		border-radius: 5rpx;
		position: absolute;
		top: 30rpx;
		left: 20rpx;
	}
	.name {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(46, 46, 46, 1);
		position: absolute;
		top: 25rpx;
		left: 42rpx;
	}
	.rzBox {
		width: 710rpx;
		height: 100rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10rpx;
		position: absolute;
		top: 90rpx;
		left: 20rpx;
	}
	.rximg {
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		top: 20rpx;
		left: 22rpx;
	}
	.notCertified {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(142, 142, 142, 1);
		position: absolute;
		top: 31rpx;
		right: 52rpx;
	}
	.right {
		position: absolute;
		top: 37rpx;
		right: 20rpx;
		width: 14rpx;
		height: 22rpx;
	}
	.bindName {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		position: absolute;
		left: 100rpx;
		top: 30rpx;
	}
	.zfbnum {
		width: 450rpx;
		height: 50rpx;
		position: absolute;
		left: 100rpx;
		top: 22rpx;
		font-size: 26rpx;
	}
</style>
